<%
//下载APP
layout("/inc/layout.html",{
title:'原被告基本信息 - 婚姻诉讼 - 智慧法院',
keywords:'原被告基本信息,婚姻诉讼,智慧法院',
description:'原被告基本信息,婚姻诉讼,智慧法院',
style:'index.css'
}){
%>

<section class="container mt15">
    <div id="location-box">
        <div class="panel panel-info">
            <div class="panel-heading text-center center-block">
                <div class="btn-group">
                    <h1>婚姻诉讼</h1>
                </div>
            </div>
            <div class="panel-body">
                <h5 class="alert alert-warning">提醒：带*的地方为必填项，请根据实际情况填写。</h5>
                <form class="form-horizontal col-sm-offset-1 col-sm-9" id="marriageForm" method="post" role="form">
                    <input id="id" name="id" class="form-control" type="hidden" value="${companyApply.id!}">
                    <legend>原告信息&emsp;&emsp;<span class="text text-danger" id="plaintiffMessage"></span></legend>
                    <div class="form-group">
                        <label for="plaintiffName" class="col-sm-2 control-label"><i class="text-danger">*</i>原告姓名：</label>
                        <div class="col-sm-5 mt5">
                            <div class="input-group">
                                <input id="plaintiffName" name="plaintiffName" class="form-control" type="text" placeholder="请输入姓名" required="required" aria-required="true" minlength="2" maxlength="15">
                                <div id="plaintiffName_error"></div>
                            </div>
                        </div>

                        <label for="plaintiffSex" class="col-sm-2 control-label"><i class="text-danger">*</i>性别：</label>
                        <div class="col-sm-3 mt5">
                            <div class="input-group">
                                <div class="input-group-btn">
                                    <select id="plaintiffSex" name="plaintiffSex" class="form-control" style="width: auto;">
                                        <option value="男">男</option>
                                        <option value="女">女</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                    </div>

                    <div class="form-group">
                        <label for="plaintiffDate" class="col-sm-2 control-label"><i class="text-danger">*</i>出生日期：</label>
                        <div class="col-sm-5 mt5">
                            <input type="date" class="form-control" name="plaintiffDate" id="plaintiffDate" placeholder="请输入出生日期" required="required" style="width: 196px">
                        </div>

                        <label for="plaintiffNation" class="col-sm-2 control-label"><i class="text-danger">*</i>民族：</label>
                        <div class="col-sm-3">
                            <select id="plaintiffNation" name="plaintiffNation" class="form-control"></select>
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="plaintiffDuty" class="col-sm-2 control-label">职务：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" name="plaintiffDuty" id="plaintiffDuty" placeholder="请输入单位职务" style="width: 196px">
                        </div>

                        <label for="plaintiffPhone" class="col-sm-2 control-label"><i class="text-danger">*</i>电话：</label>
                        <div class="col-sm-3">
                            <input type="text" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" class="form-control" id="plaintiffPhone" name="plaintiffPhone" required="required" placeholder="请输入电话" maxlength="11">
                        </div>
                    </div>

                    <!--onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');"-->

                    <div class="form-group">
                        <label for="plaintiffCardNumber" class="col-sm-2 control-label"><i class="text-danger">*</i>身份证号码：</label>
                        <div class="col-sm-2">
                            <input type="text"  class="form-control" id="plaintiffCardNumber" name="plaintiffCardNumber" maxlength="18" placeholder="请输入身份证号码" required="required" style="width: 300px">
                            <div id="plaintiffCardNumber_error"></div>
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="plaintiffUnit" class="col-sm-2 control-label">工作单位：</label>
                        <div class="col-sm-10">
                            <textarea name="plaintiffUnit" class="form-control" id="plaintiffUnit" rows="1" placeholder="请输入工作单位" style="width: 662px;height: 34px;resize: none"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="plaintiffAddress" class="col-sm-2 control-label"><i class="text-danger">*</i>具体住址：</label>
                        <div class="col-sm-10">
                            <textarea name="plaintiffAddress" class="form-control" id="plaintiffAddress" rows="1" placeholder="请输入具体住址" required="required" style="width: 662px;height: 34px;resize: none"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="legalName" class="col-sm-2 control-label">法定代理人：</label>
                        <div class="col-sm-3">
                            <div class="input-group">
                                <input id="legalName" name="legalName" class="form-control" placeholder="请输入法定代理人" aria-required="true">
                            </div>
                        </div>

                        <label for="delegationName" class="col-sm-3 control-label">委托诉讼代理人：</label>
                        <div class="col-sm-4">
                            <div class="input-group">
                                <input id="delegationName" name="delegationName" class="form-control" placeholder="请输入委托诉讼代理人" aria-required="true">
                            </div>
                        </div>
                    </div>



                    <legend>被告信息&emsp;&emsp;<span class="text text-danger" id="messageCode"></span></legend>
                    <div class="form-group">
                        <label for="accusedName" class="col-sm-2 control-label"><i class="text-danger">*</i>被告姓名：</label>
                        <div class="col-sm-5 mt5">
                            <div class="input-group">
                                <input id="accusedName" name="accusedName" class="form-control" type="text" placeholder="请输入姓名" required="required" aria-required="true" minlength="2" maxlength="15">
                                <div id="accusedName_error"></div>
                            </div>
                        </div>

                        <label for="accusedSex" class="col-sm-2 control-label"><i class="text-danger">*</i>性别：</label>
                        <div class="col-sm-3 mt5">
                            <div class="input-group">
                                <div class="input-group-btn">
                                    <select id="accusedSex" name="accusedSex" class="form-control" style="width: auto;">
                                        <option value="男">男</option>
                                        <option selected value="女">女</option>
                                    </select>
                                </div>
                            </div>
                        </div>


                    </div>

                    <div class="form-group">
                        <label for="accusedDate" class="col-sm-2 control-label"><i class="text-danger">*</i>出生日期：</label>
                        <div class="col-sm-5">
                            <input type="date" class="form-control" name="accusedDate" id="accusedDate" placeholder="请输入出生日期" required="required" style="width: 196px">
                        </div>

                        <label for="accusedNation" class="col-sm-2 control-label"><i class="text-danger">*</i>民族：</label>
                        <div class="col-sm-3">
                            <select id="accusedNation" name="accusedNation" class="form-control"></select>
                        </div>
                    </div>


                    <div class="form-group">
                        <label for="accusedCardNumber" class="col-sm-2 control-label"><i class="text-danger">*</i>身份证号码：</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="accusedCardNumber" name="accusedCardNumber" maxlength="18" placeholder="请输入身份证号码" maxlength="18" required="required" style="width: 300px">
                            <div id="accusedCardNumber_error"></div>
                        </div>

                        <label for="accusedPhone" class="col-sm-2 control-label"><i class="text-danger">*</i>电话：</label>
                        <div class="col-sm-3">
                            <input type="text" onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');" class="form-control" id="accusedPhone" name="accusedPhone" placeholder="请输入电话" maxlength="11" required="required">
                        </div>
                    </div>

                    <!--onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');"-->

                    <div class="form-group">
                        <label for="accusedUnit" class="col-sm-2 control-label">工作单位：</label>
                        <div class="col-sm-10">
                            <textarea name="accusedUnit" class="form-control" id="accusedUnit" rows="1" placeholder="请输入工作单位" style="width: 662px;height: 34px;resize: none"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="accusedAddress" class="col-sm-2 control-label"><i class="text-danger">*</i>具体住址：</label>
                        <div class="col-sm-10">
                            <textarea name="accusedAddress" class="form-control" id="accusedAddress" rows="1" placeholder="请输入具体住址" required="required" style="width: 662px;height: 34px;resize: none"></textarea>
                        </div>
                    </div>

                    <hr>
                    <div class="form-group">
                        <label for="relation" class="col-sm-2 control-label"><i class="text-danger">*</i>两人关系：</label>
                        <div class="col-sm-3 mt5">
                            <div class="input-group">
                                <div class="input-group-btn">
                                    <select id="relation" name="relation" class="form-control" style="width: auto;">
                                        <option value="夫妻">夫妻</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="claims" class="col-sm-2 control-label"><i class="text-danger">*</i>诉讼请求：</label>
                        <div class="col-sm-10">
                            <textarea name="claims" class="form-control" id="claims" rows="5" placeholder="请输入诉讼请求" required="required" style="width: 662px;height: 114px;resize: none"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="reason" class="col-sm-2 control-label"><i class="text-danger">*</i>诉讼理由：</label>
                        <div class="col-sm-10">
                            <textarea name="reason" class="form-control" id="reason" rows="5" placeholder="请输入诉讼理由" required="required" style="width: 662px;height: 114px;resize: none"></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="isMediate" class="col-sm-2 control-label"><i class="text-danger">*</i>是否接受调解：</label>
                        <div class="mt5 radio" id="isMediate">
                            <label><input type="radio" name="ismediate" id="optionsRadios1" value="0" checked>是</label>
                            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                            <label><input type="radio" name="ismediate" id="optionsRadios2" value="1">否</label>
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label"><i class="text-danger">*</i>身份证正面：</label>
                        <div class="col-sm-10">
                            <b class='text-danger upload-tips'></b>
                            <div class="input-group">
                                <input id="cardUrl" name="cardUrl" class="form-control" type="text" readonly placeholder="请选择身份证正面照片" required>
                                <span class="input-group-btn">
                                    <input name="files" class="form-control cardUrl_imagesUploader" type="file">
                                </span>
                            </div>
                            <div class="cardUrl_imagesUploadShow center-block row"></div>
                            <div class="front-error-message"></div>
                        </div>
                    </div>



                    <div class="form-group">
                        <label class="col-sm-2 control-label"><i class="text-danger">*</i>身份证反面：</label>
                        <div class="col-sm-10">
                            <b class='text-danger upload-tips'></b>
                            <div class="input-group">
                                <input id="cardVerso" name="cardVerso" class="form-control" type="text" readonly placeholder="请选择身份证反面照片" required>
                                <span class="input-group-btn">
                                    <input name="files" class="form-control cardVerso_imagesUploader" type="file">
                                </span>
                            </div>
                            <div class="cardVerso_imagesUploadShow center-block row"></div>
                            <div class="front-error-message"></div>
                        </div>
                    </div>



                    <div class="form-group">
                        <label for="proof_imagesUploader" class="col-sm-2 control-label">证据：</label>
                        <div class="col-sm-10" id="proof-upload-file-list">
                            <div id="proof_camera_tool_open"></div>

                            <input id="proof_imagesUploader" name="files" class="form-control" type="file" data-msg-placeholder="请选择相关证据照片。">
                            <div id="error-message"></div>
                            <hr>
                            <div class="center-block row" id="proof_imagesUploadShow">

                            </div>
                        </div>
                    </div>

                </form>
            </div>

            <div class="panel-footer">
                <div class="col-sm-offset-3 clearfix">
                    <div class="mt5 mb5 block col-sm-3">
                        <a href="/index" class="btn btn-warning btn-lg btn-outline btn-block">返回列表</a>
                    </div>
                    <div class="mt5 mb5 block col-sm-3">
                        <button type="button" id="doSubmit" class="btn btn-danger btn-lg btn-outline btn-block">下一步</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<% } %>
<script src="/static/start/modules/main.js"></script>
<script src="/static/start/modules/Camera.js"></script>
<script>
    require(['court/marriage/marriage'], function (apply) {
        apply.marriageIndex();
    });

    var nations = ["汉族", "蒙古族", "回族", "藏族", "维吾尔族", "苗族", "彝族", "壮族", "布依族", "朝鲜族", "满族", "侗族", "瑶族", "白族", "土家族", "哈尼族", "哈萨克族", "傣族", "黎族", "傈僳族", "佤族", "畲族", "高山族", "拉祜族", "水族", "东乡族", "纳西族", "景颇族", "柯尔克孜族", "土族", "达斡尔族", "仫佬族", "羌族", "布朗族", "撒拉族", "毛南族", "仡佬族", "锡伯族", "阿昌族", "普米族", "塔吉克族", "怒族", "乌孜别克族", "俄罗斯族", "鄂温克族", "德昂族", "保安族", "裕固族", "京族", "塔塔尔族", "独龙族", "鄂伦春族", "赫哲族", "门巴族", "珞巴族", "基诺族"];

    $(function () {
        var option = "";
        for(var i = 0; i < nations.length; i++) {
            option += '<option value="' + nations[i] + '" name="plaintiffNation">' + nations[i] + '</option>';
        }
        $(option).appendTo("#plaintiffNation");
        option = "";
        for(var i = 0; i < nations.length; i++) {
            option += '<option value="'+ nations[i] +'" name="accusedNation">' + nations[i] + '</option>';
        }
        $(option).appendTo("#accusedNation");
    })


</script>
</body>
</html>